<html>

<head>
<!--script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script-->
<script src="/jquery/jquery-1.7.2.js"></script>
<script src="ttt.js"></script>
<script>
/*
function clearUI() {
	$("#result").html(RockPaperScissors.result[0] +" "+ RockPaperScissors.result[1]);
//	$("input[type=radio]").removeAttr("checked").checkboxradio('refresh', true);
}
function displayWinner(winner_message) {
	$("#menu .message").html(winner_message);
	$.mobile.changePage('#menu', {transition: 'pop', role: 'dialog'});
}
function hideWinner() {
}
function setCellClickFunction(func) {
	$("#board .button").click(func);
}
function setRestartClickFunction(func) {
	$("#menu .button").click(func);
}
*/
</script>
<style>

table.board {
	border: 1px solid green; 
	height: 600px;
	width: 600px;
}

body {
	cursor: default;
	text-align: center;
	align: center;
}

td {
	height: 200px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	font-size: 100px;
	font-weight: bold;
	font-color: green;
	font-family: geniva, verdana, helvetica;
	border: 1px solid green;
}

#menu {
	font-size: 100px;
	text-align: center;
	position: absolute;
	width: 400;
	height: 400;
	margin-left: 100px;
	margin-top: 100px;
	border: 5px double red;
	display: none;
	vertical-align: middle;
	background-color: white;
}

#play_again {
	font-size: 20px;
	color: green;
}

</style>
</head>
<body>

<div id="menu">
<div class="message"></div>
<div class="button">Ok</div>
</div>

<div id="board">
<table class="board">
<tr>
<td id="ttt0">&nbsp;</td>
<td id="ttt1">&nbsp;</td>
<td id="ttt2">&nbsp;</td>
</tr>
<tr>
<td id="ttt3">&nbsp;</td>
<td id="ttt4">&nbsp;</td>
<td id="ttt5">&nbsp;</td>
</tr>
<tr>
<td id="ttt6">&nbsp;</td>
<td id="ttt7">&nbsp;</td>
<td id="ttt8">&nbsp;</td>
</tr>
</table>
</div>

</body>
</html>
